<template>
  <div class="container">
    <div class="descriptions2">
      <a-descriptions bordered>
        <a-descriptions-item label="疾病评估" :span="3" bordered>
          <div v-if="patientEvaluation.angiocardiopathyReport">
            <h4>量表名称：心血管10年风险评估</h4>
            <h4>
              评估时间：
              {{ patientEvaluation.angiocardiopathyReport.evaluationTime }}
            </h4>
            <h4>
              评估结果：
              {{ patientEvaluation.angiocardiopathyReport.result }}
            </h4>
          </div>
          <div v-if="patientEvaluation.diabetesReport">
            <h4>量表名称：糖尿病风险评估</h4>
            <h4>
              评估时间：
              {{ patientEvaluation.diabetesReport.evaluationTime }}
            </h4>
            <h4>
              评估结果：{{patientEvaluation.diabetesReport.result}}
            </h4>
          </div>
        </a-descriptions-item>
        <a-descriptions-item label="行为评估" :span="3" bordered>
          <div v-if="patientEvaluation.sdscaReport">
            <h4>量表名称：自我管理行为(SDSCA)评估</h4>
            <h4>
              评估时间：
              {{ patientEvaluation.sdscaReport.evaluationTime }}
            </h4>
            <h4>
              评估结果：
              {{ patientEvaluation.sdscaReport.result }}
            </h4>
          </div>
          <div v-if="patientEvaluation.bmqReport">
            <h4>量表名称：服药信念量表（BMQ）评估</h4>
            <h4>
              评估时间：
              {{ patientEvaluation.bmqReport.evaluationTime }}
            </h4>
            <h4>
              评估结果：
              {{ patientEvaluation.bmqReport.result }}
            </h4>
          </div>
          <div v-if="patientEvaluation.mmas8Report">
            <h4>量表名称：Morisky用药依从性问卷（MMAS-8）评估</h4>
            <h4>
              评估时间：
              {{ patientEvaluation.mmas8Report.evaluationTime }}
            </h4>
            <h4>
              评估结果：
              {{ patientEvaluation.mmas8Report.result }}
            </h4>
          </div>
        </a-descriptions-item>
        <a-descriptions-item label="心理评估" :span="3" bordered>
          <div v-if="patientEvaluation.sasReport">
            <h4>量表名称：焦虑自评（SAS）</h4>
            <h4>
              评估时间：
              {{ patientEvaluation.sasReport.evaluationTime }}
            </h4>
            <h4>
              评估结果：
              {{ patientEvaluation.sasReport.result }}
            </h4>
          </div>
          <div v-if="patientEvaluation.sdsReport">
            <h4>量表名称：抑郁自评（SDS）</h4>
            <h4>
              评估时间：
              {{ patientEvaluation.sdsReport.evaluationTime }}
            </h4>
            <h4>
              评估结果：
              {{ patientEvaluation.sdsReport.result }}
            </h4>
          </div>
          <div v-if="patientEvaluation.jobReport">
            <h4>量表名称：马氏工作倦怠通用量表</h4>
            <h4>
              评估时间：
              {{ patientEvaluation.jobReport.evaluationTime }}
            </h4>
            <h4>
              评估结果：
              {{ patientEvaluation.jobReport.result }}
            </h4>
          </div>
          <div v-if="patientEvaluation.sleepReport">
            <h4>量表名称：匹兹堡睡眠评估</h4>
            <h4>
              评估时间：
              {{ patientEvaluation.sleepReport.evaluationTime }}
            </h4>
            <h4>
              评估结果：
              {{ patientEvaluation.sleepReport.result }}
            </h4>
          </div>
          <div v-if="patientEvaluation.happyReport">
            <h4>量表名称：总体幸福感测试</h4>
            <h4>
              评估时间：
              {{ patientEvaluation.happyReport.evaluationTime }}
            </h4>
            <h4>
              评估结果：
              {{ patientEvaluation.happyReport.result }}
            </h4>
          </div>
        </a-descriptions-item>
      </a-descriptions>
    </div>
  </div>
</template>

<script>
import { PAGE_MENU_TYPE } from '@/store/mutation-types'
import { getAction, postAction } from '@/api/manage'
export default {
  name: 'Evalution',
  props: ['first'],
  data() {
    return {
      url: {
        getFirstReport: 'patient/report/first',
      },
      patientEvaluation: [],
    }
  },
  methods: {
    getFirstReport() {
      let patientId = this.$route.query[PAGE_MENU_TYPE.PatientId]
      let params = {
        patientId: patientId,
      }
      getAction(this.url.getFirstReport, params).then((res) => {
        if (res.success) {
          this.patientEvaluation = res.result.patientEvaluation
        }
      })
    },
    onSave() {
      this.$emit('parentOnSave')
    },
    confirm() {
      this.$emit('parentconfirm')
    },
  },
  created() {
    this.getFirstReport()
  },
}
</script>

<style scoped>
.container {
  position: relative;
  padding: 1rem;
}
.ant-descriptions-title {
  margin-top: 20px;
}

.container .ant-descriptions-title {
  text-align: center;
}
/deep/.descriptions2 .ant-descriptions-item-colon {
  width: 300px;
  text-align: center;
}
div {
  margin-bottom: 20px;
}
</style>
